/* GLOBAL CONTAINERS-------------------------------------------------- */

#globalContainer{
	height:100%;width:100%;
}

#bodyContainer{
	position:relative; 
	width:100%; height:373px;
}

html>body {
	font-size: 16px; 
	font-size: 68.75%;
}

body {
	font-family: Verdana, helvetica, arial, sans-serif;
	font-size: 68.75%;
	background: #d2dee8;
	color: #333;
	scrollbar-3dlight-color: #e4e2dd;
	scrollbar-darkshadow-color: #888888;
	scrollbar-face-color: #e4e2dd;
	scrollbar-shadow-color: #b0b0b0;
	scrollbar-track-color: #f4f3ef;
}

/* GLOBAL TITLE------------------------------------------------------- */

#globalTitle{
	height:33px; width:100%;
	border-bottom:1px solid #265fc4;
	background-image: url(images/fndCabecera.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #4079cc;
	overflow:visible;
}
.titleLabel{
	font-family: Arial, Helvetica, sans-serif;font-size: 11px;
	position:absolute; top:11px;left:48px;
	font-weight: bold;
	color: #FFFFFF;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.titleIcon {
	position:absolute; top:0px;left:0px;width:38px; height:37px;
	background-image: url(images/icoTituloMnuSeg.gif);
	z-index:1000;
}
.rightDecoration{
	position:absolute; top:0px;right:31px;width:55px; height:33px;
	background-image: url(images/titleRightDecoration.gif);
}

/* SPLITTER, LEFTPANEL, RIGHTPANEL ------------------------------------------------------- */

#leftPanel  {
	position:absolute; 
	width:204px;
	height:100%;
	overflow: hidden;
}

#splitter {
	position:absolute; 	left: 204px; 
	width: 2px;	height:100%;
	background: #71a3cf;
	border-left: 1px solid #4b83b6;
	border-right: 1px solid #4675a2;
	cursor: w-resize;
	z-index:1000;
}

#rightPanel  {
	position:absolute; left: 208px; top:0px; 
	width:431px; height:100%;
	overflow: hidden;
}


/* LEFTPANEL content ------------------------------------------------------- */

#leftPanelTitle	{
	height:22px;
	width:100%;
	position:relative;
	background-color:#6da7e7; border-top:1px solid #a5c6ff; border-bottom:1px solid #4d77cf;
}

	.leftPanelTitleLabel{
		font-family: Arial, Helvetica, sans-serif;	font-size: 11px;
		color:#265bcd;
		font-weight: bold;
		position:absolute; top:6px;left:39px;
		white-space:nowrap;	text-overflow:ellipsis;	overflow:hidden;
	}
	#btnMinimizar{
		background-image: url(images/btnMinimizar.gif);
		height: 13px; width: 13px;
		position:absolute; left:19px; top:5px;
		cursor:pointer;
	}
	#btnMaximizar{
		background-image: url(images/btnMaximizar.gif);
		height: 13px;width: 13px;
		position:absolute; left:4px; top:5px;
		cursor:pointer;
	}
	#btnMinimizar.hover{
		background-image: url(images/btnMinimizarS.gif);
	}
	#btnMaximizar.hover{
		background-image: url(images/btnMaximizarS.gif);
	}
	#btnRecuperar{
		background-image: url(images/btnRecargarValoresN.gif);
		height: 16px;width: 16px;
		position:absolute; right:3px; top:3px;
		cursor:pointer;
	}
	#btnRecuperar.hover{
		background-image: url(images/btnRecargarValoresS.gif);
	}


	#btnNuevoUsuario{
		background-image: url(images/btnNuevoUsuarioN.gif);
		height: 16px;width: 16px;
		position:absolute; right:68px; top:3px;
		cursor:pointer;
	}
	#btnNuevoUsuario.hover{
		background-image: url(images/btnNuevoUsuarioS.gif);
	}

	#btnNuevaRestr{
		background-image: url(images/btnNuevaRestrN.gif);
		height: 16px;width: 16px;
		position:absolute; right:49px; top:3px;
		cursor:pointer;
	}
	#btnNuevaRestr.hover{
		background-image: url(images/btnNuevaRestrS.gif);
	}

	#btnEliminar{
		background-image: url(images/btnEliminarN.gif);
		height: 16px;width: 16px;
		position:absolute; right:30px; top:3px;
		cursor:pointer;
	}
	#btnEliminar.hover{
		background-image: url(images/btnEliminarS.gif);
	}


#leftPanelTree{
	height:349px;
	width:100%;
	overflow: scroll;
	background-color:white;
}

/* RIGHTPANEL content ------------------------------------------------------- */

#rightPanelTitle{
	height:22px;width:100%;
	position:relative;
	background-color:#6da7e7; border-top:1px solid #a5c6ff; border-bottom:1px solid #4d77cf;
}
	.rightPanelTitleLabel{
		font-family: Arial, Helvetica, sans-serif;	font-size: 11px;
		color:#265bcd;
		font-weight: bold;
		position:absolute; top:6px;left:13px;
		white-space:nowrap;	text-overflow:ellipsis;	overflow:hidden;
		width:200px;
	}

#rightPanelForm  {
	position:relative;height:274px; 
	overflow-y: auto;	overflow-x:auto;
	background: white;
	border-bottom:1px solid #4a79bc;
}

#rightPanelButtons {
	position:relative;
	height:74px;
	background-color:#5896d1;
}

	#textContainer {
		position:absolute;top:1px; left:0px;
		height:47px;width:100%;
		background-image: url(images/fndTexto2.gif);
		background-repeat: repeat-x;
	}

		.fndTextContainer1{
			position: absolute;
			left: 0px;top: 1px;
			background-image: url(images/fndTexto1.gif);
			height: 47px;
			width: 13px;
		}

		.fndTextContainer3{
			position: absolute;
			right:0px;top: 1px;
			background-image: url(images/fndTexto3.gif);
			height: 47px;
			width: 14px;
		}

		#textLabel{
			font-family: tahoma;font-size: 11px;
			width:auto;height:28px;overflow:hidden; text-overflow:ellipsis;
			margin-left:14px;
			margin-right:14px;
			top:8px;
			position:relative;
			color: #074f93;
		}

	#botonera{
		position:absolute; bottom:0px; right:0px; height:25px; width:100%;
		white-space:nowrap; overflow: hidden;
	}




/* RIGHTPANEL forms ------------------------------------------------------- */

#userForm {padding-top:7px; padding-left:7px}
#constrForm {padding-top:7px; padding-left:7px}
.fieldset {}
.fieldset li{padding-bottom:7px; white-space: nowrap}
.fieldset textarea{margin-left:7px;margin-top:3px;  display:block; padding-left:3px; width:150px; font-size:11px; font-family:Verdana; height:32px; background:url('images/bgTextBox.gif'); border:1px solid #c9c9c9; border-top-color:#8b8b8b; border-left-color:#8b8b8b}
.fieldset textarea.extralong{width:575px;}
.fieldset input{margin-left:7px;margin-top:3px;  display:block; padding-left:3px; width:150px; font-size:11px; font-family:Verdana; background:url('images/bgTextBox.gif'); border:1px solid #c9c9c9; border-top-color:#8b8b8b; border-left-color:#8b8b8b}
.fieldset input.extralong{width:575px;}
.fieldset input.readonly {border:1px solid #dddddd; color:#555; background:#fff}
.fieldset label{color: #6666 }
.fieldset .btnContainer{margin-left:7px;margin-top:3px;  float:none; position:relative; }

#user_roles_container{
	position:relative;height:150px; width:250px;
	margin-left:7px;margin-top:3px;
	overflow-y: scroll;	overflow-x:auto;
	background: white;
	border:1px solid #4a79bc;
}

#authorizedRoles_container{
	position:relative;height:72px; width:250px;
	margin-left:7px;margin-top:3px;
	overflow-y: scroll;	overflow-x:auto;
	background: white;
	border:1px solid #4a79bc;
}

#applicationGroups_container, #applications_container {
	position:relative;height:108px; width:500px;
	margin-left:7px;margin-top:3px;
	overflow-y: scroll;	overflow-x:auto;
	background: white;
	border:1px solid #4a79bc;
}

.checkTree{
	position:relative;height:80px; width:250px;
	margin-left:7px;margin-top:3px;
	overflow-y: scroll;	overflow-x:auto;
	background: white;
	border:1px solid #4a79bc;
}


#btnChangePasswd {	width:140px;}
#btnChangePasswd .icon{	background:url(images/btnIcoPasswd.gif);	width: 19px;}
#btnChangePasswd .label{	left: 29px;}

#btnSetPasswd {	width:118px;}
#btnSetPasswd .icon{	background:url(images/btnIcoPasswd.gif);	width: 19px;}
#btnSetPasswd .label{	left: 29px;}

/* existingRoleDialog -------------------------------------------------------- */

#existingRoleDialogBoxVCentCont{ 
	width:316px; 
}
#existingRoleDialogBox{ 
	height:170px; margin-top:-85px; 
	background:url(images/dialog1Bg.gif) repeat-x #3b73cb;
	border:1px solid #fff;
}
#existingRolesScroll{
	width:302px; height:130px; overflow:auto;
	border:1px solid #6c94ce; border-bottom-color:#295dac;
	margin-left:6px;margin-top:6px;
	background:#fff;
}
#btnAddExistingRoles{
	margin-right:6px;
}
#btnAddExistingRolesCancel{
	margin-right:6px;
}

#botoneraExistingRoles{
	position:absolute; bottom:0px; right:0px; height:27px; width:100%;
	white-space:nowrap; overflow: hidden;
}


/* AppGrpDialog  --------------------------------------------------------  */

#AppGrpDialogVCentCont{ 
	width:538px; 
}
#AppGrpDialogBox{ 
	height:290px; margin-top:-102px; 
	background:url(images/dialog1Bg.gif) repeat-x #3b73cb;
	border:1px solid #fff;
}

#botoneraAppGrp{
	position:absolute; bottom:0px; right:0px; height:25px; width:100%;
	white-space:nowrap; overflow: hidden;
}
#btnAddAppGrpCancel, #btnAddAppGrpOk { margin-right:6px; }


/* AppsDialog  --------------------------------------------------------  */

#AppsDialogVCentCont{ 
	width:538px; 
}
#AppsDialogBox{ 
	height:290px; margin-top:-102px; 
	background:url(images/dialog1Bg.gif) repeat-x #3b73cb;
	border:1px solid #fff;
}

#botoneraApps{
	position:absolute; bottom:0px; right:0px; height:25px; width:100%;
	white-space:nowrap; overflow: hidden;
}
#btnAddAppsCancel, #btnAddAppsOk { margin-right:6px; }
#btnAddAppsOk {width:115px;}


/* listas seleccionables  -------------------------------------------------------- */

#existingRolesList {width:302px; height:130px; position: absolute; left:5px; top:5px;}
#existingRolesList .miniList_tr {width:293px;}
.existingRoles_col1{width:293px; border-right:none;}

#listaGrupos {width:525px; height:254px; position: absolute; left:5px; top:5px;}
#listaGrupos .miniList_tr {width:715px;}
.col_bg1{width:204px;background-color:#f4f4f4;}
.col1{width:195px;background-color:#f4f4f4;}
.col2{width:500px;border-right:none;}

#listaAplicaciones {width:525px; height:254px; position: absolute; left:5px; top:5px;}
#listaAplicaciones .miniList_tr {width:746px;}
.col_bg0{width:21px;background-color:#f4f4f4;}
.col0{width:21px;background-color:#f4f4f4;}

.listIcon {margin:0px; padding:0px; vertical-align: middle; WIDTH: 17px; HEIGHT: 17px}